浅谈基于Vue.js的移动组件库cube-ui
cube-ui 是滴滴公司的技术团队基于 Vue.js 实现的精致移动端组件库。很赞，虽然组件还不是很多，但是基本场景是够用了，感谢开源！首先创建一个vue项目vue init webpack my-projectcd my-projectnpm install安装cube-uinpm install cube-ui -S官方推荐使用 babel-plugin-transform-modules 插件，可以更优雅引入组件模块以及对...
2024-01-10
Vue.js中Promise、异步、同步、定时器
Vue.js使用Axios或Ajax请求后台时，是异步请求，所有的请求同时执行，后面的then随机执行要想实现同步执行可以使用await和async在需要同步执行（即后面一个方法的参数是前一个方法的返回值），在父层方法前面加async，并且在字层方法前面加await,然后方法中需返回Promise对象，用resolve()表示执行成功，...
2024-01-10Discord.js消息未定义
const Discord = require('discord.js'); const testBot = new Discord.Client(); const config = require("./config.json"); const args = message.content.slice(prefix.length).trim().split(/ +/g); const command = args.shift().toLowerCase(); testBot.on("message", (...
2024-01-10
【Vue】vue.js中如何使用scss
sass和scss是同个东西吧..我安装了node-sass,sass-loader,sass-style,然后在.vue文件中<style lang='sass'>,然后如图..出现波浪线,执行也没反应,第一次写scss,请问有没有教sass使用在vue-cli上的教程,谢谢下面是报错回答第一点，你这是用的 scss 的语法不是 sass 的语法，所以要用 lang="scss"；第二点，需要在 vue 下面配置 scss...
2024-01-10
外部js怎么调用vuex的commit方法？
如图对Vuex使用了模块化编写方式，声明Vuex文件然后在vue中调用一个接口方法在api.js文件中要怎么调用address.js中的mutation方法？打印的时候有但调用的时候就调不出来。回答：Vuex.Store.commit('update', { val: '修改后的数据'})改成这样试试：Vuex.commit('update', { val: '修改后的数据'})回答：我的话，...
2024-02-19
vue.js之过渡效果-css
概述vuejs的过渡效果可以让我们的页面元素在出现和消失时实现过渡。官方文档这样描述过渡效果的方式：在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库，如 Velocity.js简单而言就是，你...
2024-01-10
详细对比Ember.js和Vue.js
目录概述为什么要选择框架？Vue.jsEmber.jsEmber.js Vue.js对比总结概述JavaScript最初是为Web应用程序创建的。但是随着前端技术的发展，大多数开发人员更喜欢使用基于JavaScript的框架。它简化了你的代码以及使你能完成更多全栈工作，您几乎可以在任何框架中使用JavaScript。使用什么类型的框架决定了创建...
2024-01-10
小技巧|使用Vue.js的Mixins复用你的代码
Vue中的混入 mixins 是一种提供分发 Vue 组件中可复用功能的非常灵活的方式。听说在3.0版本中可能会用Hooks的形式实现，但这并不妨碍它的强大。这里主要来讨论 mixins 如何优化我们的数据列表代码。如果我们有大量的表格页面，仔细一扒拉你发现非常多的东西都是可以复用的例如分页，表格高度，加...
2024-01-10
vue.js @import导入css文件路径问题
<style lang="stylus"> //使用 ../来匹配路径可以正确导入 @import '../assets/css/main.styl'; //正确 //使用 alias 中 配的 @ 就不能用了 @import '@/assets/css/main.styl'; //错误 </style>各位大佬是怎么解决这个 @import 导入css文件的路径问题的总不能一直 ../ 吧webpack 配置的 alias 好像不能...
2024-01-10
vue2+jenkins打包上测试找不到css,js地址？
vue2+jenkins打包上测试找不到css,js地址这是接口地址 .env.test 内容这是vue.config.js的内容回答：所以是不是部署到二级目录上面了？如果是的话，在 vue.config.js 里面配置一下二级目录路径。? #publicPath - 配置参考 | Vue CLIEdit环境变量文件配置错了# .env.test- ENV = 'test'+ NODE_EN...
2024-02-28php+lottery.js实现九宫格抽奖功能
php+lottery.js制作九宫格抽奖实例，本抽奖功能效果表现好，定制方便简单，新手学习跟直接拿来用都非常不错，兼容IE、火狐、谷歌等浏览器。引入抽奖插件lottery.js<script type="text/javascript" src="js/lottery.js"></script>开始抽奖函数start_lottery()function start_lottery(){ if(flag){ //alert('正在抽奖，请等待抽...
2024-01-10
Vue中使用Cropper.js裁剪图片
Cropper.js是一款很好用的图片裁剪工具，可以对图片的尺寸、宽高比进行裁剪，满足诸如裁剪头像上传、商品图片编辑之类的需求。github： https://github.com/fengyuanchen/cropperjs网站： https://fengyuanchen.github.io/cropperjs/简单使用使用很简单，首先需要一个image或者canvas元素：<!-- Wrap the image or canvas element with a...
2024-01-10详解vue.js之props传递参数
本篇文章通过demo实例给大家详细分析了props传递参数的用法以及遇到问题后的解决办法，以下是全部内容。前段时间用vue做一个后台管理系统，其中每一页都需要一个表格来展示信息。自然就想到了将表格提取出来做成公共组件，将不同页面的数据传入进行渲染，达到复用的目的。demo地址1. 问题发...
2024-01-10
【Vue】vue.js里面如何在组件props属性默认值里面设置多语言？
写了一个弹框组件，组件里面分装了一个 dialogTitle 属性，如果用户未传值，那么指定一个默认值，但是这个值需要多语言，我利用 vue-i18n 设置了多语言，现在可以通过 this.$t('notice') 获取到对应的语言，但是写到props的default属性里面报错，代码如下： props: {dialogTitle:{type: String,default: this.$t('notice')}}...
2024-01-10
【CSS】cropper.js如何设置裁剪区域的宽度高度和图片的宽度高度
我现在使用的是cropper.js图片裁剪插件，是移动端上使用，我想要设置图片的宽度是屏幕的宽度，高度auto,裁剪的框框和区域也是屏幕的宽度，是一个正方形，请问如何设置呢，我使用setCropBoxData和setCanvasData没有效果，感觉是我写的有问题，但是又不知道问题出在哪，请问有知道的嘛，在线等这是我现在...
2024-01-10Node.js / Gulp-遍历Gulp任务
我想遍历一个对象，并在每次迭代时将文件路径数组传递给gulp.src，然后对这些文件进行一些处理。下面的代码仅用于说明目的，因为return语句会在第一次通过时终止循环，因此实际上将无法工作。gulp.task('js', function(){ for (var key in buildConfig.bundle) { return gulp.src(bundleConfig.bundle[key].scripts) ...
2024-01-10
用Vue.js开发一个电影App的前端界面
我们要构建一个什么样的App？我们大多数人使用在线流媒体服务（如Netflix）观看我们最喜欢的电影或者节目。这篇文章将重点介绍如何通过使用vue.js 2 建立一个类似风格的电影流媒体WEB交互界面（见上图）。最终的产品可以去这里找：https://codepen.io/itslit/full/mvvjzr。注：本文作者Hassan Djirdeh，由汇智...
2024-01-10
el-popper 不能跟随页面滚动
一个项目中发现cascader的选择器dom el-popper 不能跟随页面滚动，其内联样式absolute定位的top不跟随页面滚动。手上另一个项目的 el-popper是跟随页面滚动的，对比了一下前端框架，也没有发现问题。请问我应该怎么着手解决这个问题？回答绝对定位按父元素定位.之前可以跟随应该是放在了一个开启定位的...
2024-01-10
js import和exports
,目的: 想要引入并导出ComAddItem下所有子目录下的index.vue文件。目前：下面?放了目前的我能想到的两种写法。问题：xdm，有没有更加优秀的写法或者配置能够可以统一引入导出ComAddItem下所有子目录下的index.vue文件。// 方法1export { default as ComAddItemComInfo } from './ComAddItemComInfo/ind...
2024-02-21在Node.js网络中使用pipe（）
我很难pipe理解net模块的几个Node.js示例中显示的功能。var net = require('net');var server = net.createServer(function (socket) { socket.write('Echo server\r\n'); socket.pipe(socket);});任何人都可以提供有关其工作原理以及为什么需要这样做的解释吗？回答：该pipe()功能从可读流中读取可用的数据，并将其写入目标可写流。...
2024-01-10
Vue axios封装 post请求
Vue使用 axios 这种post封装怎么使用相关代码export async function Api_postuserlogin({method,...params}) {return axios({url:`${base}/user/user/login` + method,method:'POST',headers:{"Content-Type": "application/x-www-form-urlencoded",},data: qs.stringify({method,...params}...
2024-01-10让axios发送表单请求形式的键值对post数据的实例
想要发送键值对，其实是需要做响应处理的，直接上代码npm install --save axios vue-axios qsqs是必不可少的插件，安装完成后，在main.js插入一下代码//载入axiosimport Qs from 'qs'import axios from 'axios'import VueAxios from 'vue-axios'var axios_instance = axios.create({ baseURL:'http://localhost', transformReque...
2024-01-10Ajax 接收服务器返回的json响应方法
1、什么是JSON？JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript 规范的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网...
2024-01-10
【Java】Maxwell （mysql-to-json）初体验
Maxwell （mysql-to-json）初体验前言以前写过一篇关于 阿里的 canal ，它也是通过监听 mysql 的 binlogs 日志的工具，本公司目前就是使用这个，而我今天要说的是 maxwell 它是在内部自己转换为 json 格式 输出到 其他中间件1.下载和安装Maxwell直接下载官网地址: http://maxwells-daemon.io/或者 Docker 下载我这里选...
2024-01-10详解解决使用axios发送json后台接收不到的问题
问题描述按照axios官网例子发起请求传递json，后台接受到的数据为空，一直卡在options阶段。尝试的方法开始以为是接口有问题，使用postman测试下，一切正常，百思不得其解，看了好多issue也解决不了，加了headers:{'content-type':'application/json'}也没用。官网上是说，传json就按application/json进行处理，然...
2024-01-10
【JS】「一起造轮子」从1.9k的jsonp库出发🏗一起实现jsonp
首页专栏javascript文章详情0「一起造轮子」从1.9k的jsonp库出发????一起实现jsonp修仙大橙子发布于 今天 02:51 1. 什么是jsonp？下方是维基百科对JSON的解释从这个解释中，我们可以知道，完成jsonp需要的步骤主要有以下两点：向页面中插入一个带有请求链接的<script>标签通过回调函数，获取需要...
2024-01-10
Vue.js学习（一）—— axios了解
一、axios简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF二、浏览器兼容性三、引入安装方式 1...
2024-01-10
px 转 vw, 配置postcss.config.js后运行项目报错
我使用postcss postcss-px-to-viewpor-opt 插件 来将px转换为vw,通过以下postcss.config.js配置：module.exports = { plugins: { 'postcss-import': {}, 'postcss-url': {}, 'postcss-aspect-ratio-mini': {}, 'p...
2024-02-13
axios post 出错。 POSTMAN 没问题
POSTMAN POST raw json没有问题但是axios Post 返回403错误 !回答浏览器里面告诉你跨域了。然后post发的params？这里按规范来说也不对。我猜测是请求头类型的问题...
2024-01-10Golang json Unmarshal“ JSON输入意外结束”
我正在研究一些代码来解析来自HTTP响应的JSON数据。我的代码看起来像这样：type ResultStruct struct { result []map[string]string}var jsonData ResultStructerr = json.Unmarshal(respBytes, &jsonData)respBytes变量中的json 如下所示：{ "result": [ { "id": "ID 1" }, { "id": "ID 2" } ]}但是，err不是零。当...
2024-01-10
